<template>
  <div class="row">
    <info_label
      class="col-lg-3"
      id="codecheck3"
      :search="search"
      v-on:search_data="search_data"
      search_key="code_quality_check=true"
      :hyper="hyper"
      :link="codecheck_url"
      :type="common.type"
      :title="common.titles[6]"
      :num="labelsData.code_quality_check"
      :sub="common.subs[0]"
      :to_sub="common.to_sub"
      :cls="common.success"
    ></info_label>
    <info_label
      :search="search"
      search_key="code_static_check=true"
      v-on:search_data="search_data"
      class="col-lg-3"
      id="codecheck1"
      :hyper="hyper"
      :link="codecheck_url"
      :type="common.type"
      :title="common.titles[4]"
      :num="labelsData.code_static_check"
      :sub="common.subs[0]"
      :to_sub="common.to_sub"
      :cls="common.success"
    ></info_label>
    <info_label
      class="col-lg-3"
      id="codecheck2"
      :search="search"
      v-on:search_data="search_data"
      search_key="code_style_check=true"
      :hyper="hyper"
      :link="codecheck_url"
      :type="common.type"
      :title="common.titles[5]"
      :num="labelsData.code_style_check"
      :sub="common.subs[0]"
      :to_sub="common.to_sub"
      :cls="common.success"
    ></info_label>
    <info_label
      class="col-lg-3"
      id="codecheck4"
      :search="search"
      v-on:search_data="search_data"
      search_key="git_log_check=true"
      :hyper="hyper"
      :link="codecheck_url"
      :type="common.type"
      :title="common.titles[23]"
      :num="labelsData.git_log_check"
      :sub="common.subs[0]"
      :to_sub="common.to_sub"
      :cls="common.success"
    ></info_label>
  </div>
</template>

<script>
import info_label from '@/components/devops/info_label.vue';
export default {
	name: 'codecheck_label_group',
	props: {
		common: Object,
		labelsData: Object,
		hyper: String,
		search: String
	},
	data() {
		return {
			codecheck_url:
				'/#/project/' + this.$route.params.pmsProjectId + '/devops/codecheck'
		};
	},
	components: {
		info_label
	},
	methods: {
		search_data: function(search_key) {
			this.$emit('search_data', search_key);
		}
	}
};
</script>

<style scoped>
</style>
